/*           Font Smoothing      */

.card{
    h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, .btn, a, .td-name, td{
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-family: "Playfair Display","Raleway","Helvetica Neue",Arial,sans-serif;
    }
    
    h1, .h1, h2, .h2, h3, .h3, h4, .h4{
        font-weight: $font-weight-normal;
        margin: $margin-large-vertical 0 $margin-base-vertical;
    }
    
    h1, .h1 {
        font-size: $font-size-h1;
    }
    h2, .h2{
        font-size: $font-size-h2;
    }
    h3, .h3{
        font-size: $font-size-h3;
        margin: 20px 0 10px;
    }
    h4, .h4{
        font-size: $font-size-h4;
        line-height: 30px;
    }
    h5, .h5 {
        font-size: $font-size-h5;
        margin-bottom: 15px;
    }
    h6, .h6{
        font-size: $font-size-h6;
        font-weight: $font-weight-bold;
        text-transform: uppercase;
    }
    p{
        font-size: $font-paragraph;
        line-height: $line-height-general;
        font-family: "Raleway","Helvetica","Arial", sans-serif;
    }
    
    .category,
    .label,
    .title-modern,
    .btn-modern,
    .price h4{
        font-family: "Raleway","Helvetica","Arial", sans-serif;
    }
    
    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
        color: $dark-gray;
        font-weight: $font-weight-light;
        line-height: $line-height-general;
    }
    
    h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small {
        font-size: 60%;
    }
    
    .text-primary, .text-primary:hover{
        color: #1D62F0 !important;
    }
    .text-info, .text-info:hover{
        color: #109CFF !important;
    }
    .text-success, .text-success:hover{
        color: #0C9C14 !important;
    }
    .text-warning, .text-warning:hover{
        color: #ED8D00 !important;
    }
    .text-danger, .text-danger:hover{
        color: #EE2D20 !important;
    }  
} 

